<#import "../tpl/pageTep.ftl" as page>
    <@page.pageBase currentMenu="方案分类">

    <!--suppress ALL -->
    <form id="searchForm" class="form-panel" action="/rest/manage/plancategory/loadData">
        <ul class="panel-content">
            <li>
                <div class="form-actions">
                    <div class="control-group controls span5">
                        <input type="text" id="searchForm" class="input-normal  input-pad cartNo" name="name">
                    </div>
                    <div class="form-actions  controls">
                        <button type="submit" class="button  button-success">
                            查询
                        </button>
                        <a onclick="return add();" class="button button-info">
                            新增
                        </a>
                        <a  class="button button-danger" onclick="return delFunction();">
                            批量删除
                        </a>
                    </div>

                </div>
            </li>
        </ul>
    </form>
    <div id="addContent" style="display:none;">
        <form id="addForm" class="form-horizontal" action="${basepath}/rest/manage/plancategory/insertJson" method="post">
            <div class="row">
                <div class="control-group span16">
                    <label class="control-label">   <s>*</s>系列名称：</label>
                    <div class="control-group-img  controls ">
                        <input type="text" class="input-normal control-text" name="name" data-rules="{required : true}">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="control-group span16">
                    <label class="control-label">   <s>*</s>排序：</label>
                    <div class="control-group-img  controls ">
                        <input type="number" class="input-normal control-text" name="sort" data-rules="{required : true,number:true}"">
                    </div>
                </div>
            </div>
        </form>
    </div>
    <#----------------------------------------------新增表单 end---------------------------------------------------------->
<div id="editContent" style="display:none;">
    <form id="editForm" class="form-horizontal" action="${basepath}/rest/manage/plancategory/updateJson" method="post">
        <input type="hidden" name="id">
        <div class="row">
            <div class="control-group span16">
                <label class="control-label">   <s>*</s>系列名称：</label>
                <div class="control-group-img  controls ">
                    <input type="text" class="input-normal control-text" name="name" data-rules="{required : true}">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="control-group span16">
                <label class="control-label">   <s>*</s>排序：</label>
                <div class="control-group-img  controls ">
                    <input type="number" class="input-normal control-text" name="sort" data-rules="{required : true,number:true}"">
                </div>
            </div>
        </div>
    </form>
</div>
    <div id="grid"></div>
<script>
var Grid = BUI.Grid,
        Store = BUI.Data.Store,
        columns = [
            {title : '序号',elCls: 'center', dataIndex :'id', width:'15%',renderer:function (value, obj, index) {
                    return index+1;
                }},
            {title : '名称',dataIndex :'name',elCls: 'center',   width:'25%'},
            {title : '排序',dataIndex :'sort',elCls: 'center',   width:'25%'},
            {title : '操作',dataIndex : 'id',elCls: 'center',  width:'25%',renderer : function (value,obj,index) {
                    return '<a href="javascript:editById(' + value + ')">编辑</a>'
                            +'&nbsp;&nbsp;<a href="javascript:deleteOne(' + value + ')">删除</a>';
                }
            }
        ];

var store = new Store({
            url : '/rest/manage/plancategory/loadData',
            autoLoad:true, //自动加载数据
            params : { //配置初始请求的参数
                length : '10'
            },
            pageSize:10,	// 配置分页数目
            root : 'list',
            totalProperty : 'total'
        }),
        grid = new Grid.Grid({
            render:'#grid',
            columns : columns,
            loadMask: true, //加载数据时显示屏蔽层
            store: store,
            plugins : [Grid.Plugins.CheckSelection], // 插件形式引入多选表格
            // 底部工具栏
            bbar:{
                pagingBar:true
            }
        });

grid.render();
var form = new BUI.Form.HForm({
    srcNode: '#searchForm'
}).render();

form.on('beforesubmit', function (ev) {
    var obj = form.serializeToObject();
    obj.start = 0; //返回第一页
    store.load(obj);
    return false;
});

function delFunction(){
    var selections = grid.getSelection();
    var ids=new Array();
    for(var i=0;i<selections.length;i++){
        ids[i]=selections[i].id.toString()
    }
    $.ajax({
        type: "POST",
        url: "${basepath}/rest/manage/plancategory/deletesJson",
        dataType: "json",
        data: {
            ids:ids
        },
        success: function (data) {
            var obj = new Object();
            obj.start = 0; //返回第一页
            store.load(obj);
        }
    });
}
function deleteOne(id) {
    BUI.Message.Confirm('确认要删除吗？', function () {
        $.ajax({
            type: "POST",
            url: "${basepath}/rest/manage/plancategory/deleteJson",
            dataType: "json",
            data: {
                id: id
            },
            success: function (data) {
                var obj = form.serializeToObject();
                obj.start = 0;
                store.load(obj);
            }
        });
    },'question')
}
/*------------------------------------------------新增表单处理start------------------------------------------------*/
var addForm = new BUI.Form.Form({
    srcNode: '#addForm',
    submitType: 'ajax',
    callback: function (data) {
        var obj = new Object();
        obj.start = 0; //返回第一页
        store.load(obj);
        addDialog.close();
    }
}).render();

var addDialog = new BUI.Overlay.Dialog({
    title: '新增设备',
    width: 400,
    height: 200,
    contentId: 'addContent',
    success: function () {
        if (addForm.isValid()) {
            addForm.submit();
        } else {
            addForm.valid();
        }
    }
});

//添加上传图片按钮事件
function add() {
    addForm.clearErrors();
    addForm.clearFields();
    addDialog.show();
}

/*------------------------------------------------新增表单处理 end-------------------------------------------------*/
/*------------------------------------------------编辑表单处理 start-----------------------------------------------*/
var editForm = new BUI.Form.Form({
    srcNode: '#editForm',
    submitType: 'ajax',
    callback: function (data) {
        var obj = new Object();
        obj.start = 0; //返回第一页
        store.load(obj);
        editDialog.close();
    }
});
editForm.render();

var editDialog = new BUI.Overlay.Dialog({
    title: '编辑设备',
    width: 400,
    height: 200,
    contentId: 'editContent',
    success: function () {
        if (editForm.isValid()) {
            editForm.submit();
        } else {
            editForm.valid();
        }
    }
});

//编辑按钮事件
function editById(id) {
    $.ajax({
        type: "POST",
        dataType: "json",
        url: "${basepath}/rest/manage/plancategory/toEditJson",
        data: {id: id},
        success: function (data) {
            var form = $("#editForm")[0];
            BUI.FormHelper.setFields(form, data.data);
            editDialog.show();
        }
    });
}
</script>

</@page.pageBase>
